<template>
  <div style="width: 80%;">
    <FormBox :widget-list="widgetList" :label-width="95" />
  </div>
</template>
<script>
import FormBox from '@/components/FormDesigner'
import { getSingleData } from '@/api/process'
export default {
  components: { FormBox },
  data() {
    return {
      widgetList: [
        { 'componentName': 'TextField', 'icon': 'icon-xianxing', 'active': false, 'name': '请假类型', 'flowpath': true, 'props': { 'label': '单行输入框', 'placeholder': '请输入', 'id': 'S5ActIrfYi', 'required': true, 'defaultValue': '', 'name': 'TextField_5yrJqo517H' }},
        { 'componentName': 'TextField', 'icon': 'icon-xianxing', 'active': false, 'name': '请假时长', 'flowpath': true, 'props': { 'label': '单行输入框', 'placeholder': '请输入', 'id': 'S5ActIrfYi', 'required': true, 'defaultValue': '', 'name': 'TextField_5yrJqo517H' }},
        { 'componentName': 'NumberField', 'icon': 'icon-sz', 'active': false, 'name': '数字输入框', 'flowpath': true, 'props': { 'label': '数字输入框', 'placeholder': '请输入', 'id': 'O7v7GKBgSX', 'required': true, 'defaultValue': 0, 'name': 'NumberField_LzgYj9ROv1' }}
      ]

    }
  },
  created() {
    this.getContent('process_3100200')
  },
  methods: {
    getContent(Id) {
      getSingleData({ Id }).then(response => {
        this.widgetList = response.data.widgetList ? response.data.widgetList : []
      }).catch(err => {
        console.log(err)
      })
    }
  }

}
</script>
